<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:form>
		<h:panelGrid id="grid" row="2" cellpadding="10">
			<p:dataTable var="pedido"
				value="#{historialPedidoBean.listaPedidoEnCurso}">
				<f:facet name="header">
        		#{msgs['consultarPedido.text.tabla1.header']}
    		</f:facet>

				<p:column headerText="Fecha/hora de creación">
					<h:outputText value="#{pedido.historial[0].fechaCambio}" />
				</p:column>

				<p:column headerText="Artículo">
					<h:outputText value="#{pedido.descripcionProd}" />
				</p:column>

				<p:column headerText="Origen">
					<h:outputText value="#{pedido.direccionOrigen}" />
				</p:column>

				<p:column headerText="Destino">
					<h:outputText value="#{pedido.direccionDestino}" />
				</p:column>

				<p:column headerText="Peso">
					<h:outputText value="#{pedido.pesoProd}" />
				</p:column>

				<p:column headerText="Volumen">
					<h:outputText value="#{pedido.volumenProd}" />
				</p:column>

				<p:column headerText="Estado">
					<h:outputText
						value="#{pedido.estado}" />
				</p:column>

				<f:facet name="footer">
        			Cantidad total de pedidos en curso #{historialPedidoBean.tamPedidoEnCurso} 
    		</f:facet>
			</p:dataTable>

			<p:dataTable var="pedido"
				value="#{historialPedidoBean.listaPedidoFinalizado}">
				<f:facet name="header">
        		#{msgs['consultarPedido.text.tabla2.header']}
    		</f:facet>

				<p:column headerText="Fecha/hora de creación">
					<h:outputText value="#{pedido.fechaAlta}" />
				</p:column>

				<p:column headerText="Artículo">
					<h:outputText value="#{pedido.descripcionProd}" />
				</p:column>

				<p:column headerText="Origen">
					<h:outputText value="#{pedido.direccionOrigen}" />
				</p:column>

				<p:column headerText="Destino">
					<h:outputText value="#{pedido.direccionDestino}" />
				</p:column>

				<p:column headerText="Peso">
					<h:outputText value="#{pedido.pesoProd}" />
				</p:column>

				<p:column headerText="Volumen">
					<h:outputText value="#{pedido.volumenProd}" />
				</p:column>

				<p:column headerText="Fecha/hora de entrega">
					<h:outputText value="#{pedido.fechaEntrega}" />
				</p:column>

				<f:facet name="footer">
        			Cantidad total de pedidos finalizado #{historialPedidoBean.tamPedidoFinalizado} 
    		</f:facet>
			</p:dataTable>
		</h:panelGrid>
	</h:form>
</ui:composition>